<style type="text/css">
body{background-color:steelblue;}
h3 {text-align:left;}
div#msg {
	width:210px;
	padding:3px;
	border-bottom:1px #A2BBDD solid;
	margin:0px;
	text-align:left;
	color:Solid Black;
	background-color:rgb(195, 217, 255);
}
div#ppl {
	width:210px;
	border-bottom:1px #A2BBDD solid;
	margin:0px;
	text-align:center;
	color: Chocolate;
	font-weight:bolder;
	background-color:White;
	padding:3px;
}
div#msgbx {
	position:absolute;
	top:30px;
	width:221px;
	height:331px;
	padding:10px;
	border:1px;
	margin:0px;
	background-color:#c3d9ff;
}
div.scrl_1 {
	height: 220px;
	width: 231px;
	overflow: auto;
	padding: 0px;
}
div.scrl_2 {
	height: 240px;
	width: 231px;
	overflow: auto;
	border: 0px solid #666;
	padding: 0px;
}
div#cal {
	position:absolute;
	top:30px;
	left:250;
	height:622px;
	width:220px;
	padding:10px;
	border:1px Chocolate;
	margin:0px;
	background-color:white;
}
div#tsk_ongoing {
	position:absolute;
	top:30px;
	left:492px;
	height:642;
	width:482px;
	border:1px Chocolate;
	margin:0px;
	background-color:white;
}
div#resource {
	position:absolute;
	top:383px;
	height:269px;
	width:221px;
	padding:10px;
	border:1px Chocolate;
	margin:0px;
	background-color:white;
}
div#links {
	position:absolute;
	top:5px;
	left:8px;
	height:4px;
	width:946px;
	padding:10px;
	border:1px Chocolate;
	margin:0px;
	background-color:white;
	text-align:right;
	font-size:12;
}
div#lnk {
	position:absolute;
	top:200px;
	left:350px;
	width:300px;
	height:50;
	padding:10px;
	background-color:white;
	border:1px Solid #DDDDDD;
	text-align:center;
	font-size:20;
	color:Black;
}
div#lnksgn {
	border:1px Solid Black;
}
</style>
<head>
<meta name="verify-v1" content="SeCXDV2ZsB27ixA6Hbazv6OuiHw+yD/rzZ6gBmSJt9U=" />
</head>
<body>
	<div id = links>
		<A href="/">ToDos</A>&nbsp&nbsp;<A href="documents.html">Documents</A>&nbsp&nbsp;<A href="/">Board</A>&nbsp&nbsp;<A href="Forum.html">Forum</A>&nbsp&nbsp;{{greeting}}
	</div>
</body>
{% ifequal user None %}
	<p>
	<div id = lnk>Sign in to View the Contents</br>{{greeting}}</div>
{% else %}
<div id = msgbx>
>Messages
<div class = scrl_1>
	{% for say in says %}
		<div id = ppl>
			{% ifequal say.who "None" %}
				Anonymous
			{% else %}
				{{say.who}}
			{% endifequal %}
		</div>
		<div id = msg>
			{{say.message}}
		</div>
	{% endfor %}
</div>
	<form action="" method="post" accept-charset="utf-8">
		<p><textarea name="message" id="message" style="width:220px;height:50px;" onfocus="this.value = ( this.value == this.defaultValue ) ? '' : this.value;return true;">Say something...</textarea></p>
		<p><input type="submit" value="Submit"></p>
	</form>
</div>
<div id = Cal>
>Calendar
					<iframe src="http://www.google.com/calendar/hosted/apugbl.org/embed?showTitle=0&amp;showDate=0&amp;showTabs=0&amp;mode=AGENDA&amp;height=600&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=it%40apugbl.org&amp;color=%23BE6D00&amp;src=ac%40apugbl.org&amp;color=%23AB8B00&amp;src=admin%40apugbl.org&amp;color=%23A32929&amp;src=exlog%40apugbl.org&amp;color=%230D7813&amp;src=hr%40apugbl.org&amp;color=%232952A3&amp;src=inlog%40apugbl.org&amp;color=%231B887A&amp;src=marketing%40apugbl.org&amp;color=%23B1440E&amp;src=sponsor%40apugbl.org&amp;color=%23865A5A&amp;ctz=Asia%2FTokyo" style=" border-width:0 " width="220" height="600" frameborder="0" scrolling="no"></iframe>
</div>
<div id = tsk_ongoing>
		<iframe src="http://webchat.freenode.net/?nick={{user}}&channels=apugbl" width="478" height="638"></iframe>
</div>
<div id = tsk_incoming>
</div>
<div id = resource>
	>Recent Topics
	<div class = scrl_2>
		{% for topic in tpics %}
			<div id = ppl>
				{% ifequal say.who "None" %}
					Anonymous
				{% else %}
					{{topic.who}}
				{% endifequal %}
			</div>
			<div id = msg>
					{{topic.cnts}}
			</div>
		{% endfor %}
	</div>
	<A href="Forum.html">Go to forum</A>
</div>
{% endifequal %}